<template>
  <div class="index">
    <nut-button type="primary" @click="onClick">按钮</nut-button>
    <nut-toast v-model:visible="show" msg="你成功了" />
    <div>测试div能否在小程序中使用</div>
    <nut-cell title="Title" desc="Description"></nut-cell>
    <nut-cell title="Title" sub-title="Subtitle" desc="Description"></nut-cell>
    <nut-cell title="Round Radius = 0" :round-radius="0"></nut-cell>
    <div class="bg-red-500">测试tailwindcss</div>
    <div class="hidden md:block">测试tailwindcss的响应式</div>
    <div class="box-content">测试tailwindcss的box-border</div>
  </div>
</template>

<script setup>
import { ref } from 'vue'
const show = ref(false)
const onClick = () => {
  show.value = true
}
</script>
